.le_tao{
  background-color: #222D32;
}
.le{
  margin-top: 150px;
}
body{
  padding-left: 180px;
  transition:all 1s;

}
body.active{
  padding-left:0 ;
}
a:hover{
  text-decoration: none;
}
ul,ol{
  list-style: none;
  margin: 0;
  padding: 0;
}


.lt_aside{
  width: 180px;
  height: 100%;
  background-color: #222D32;
  position: fixed;
  left: 0;
  top: 0;
  transition: all  1s;
  
}
.lt_aside.active{
  left: -180px;
}
.lt_aside .brand a{
  display: block;
  width: 100%;
  height: 50px;
  color: #fff;
  background-color:#367FA9; 
  text-align: center;
  line-height: 50px;
  font-size: 24px;
}
.lt_aside .user{
  width: 100%;
  height: 150px;

}
.lt_aside .user img{
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 30px auto 0;
}
.lt_aside .user p {
  display: block;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.lt_aside .nav a{
  display: block;
  width: 100%;
  height: 40px; 
  padding-left:40px;
  color: #CCCCCC; 
  line-height: 40px;
  border-left: 3px solid transparent;
  
}
.lt_aside .nav a.active{
  background-color: #1d1f21;
  border-left: 3px solid #006699;
}

.nav .child a{
  padding-left:60px;
  
}
.lt_main .header{
  height: 50px;
  width: 100%;
  background-color: #3C8DBC;
  line-height: 50px;
  padding:0  20px ;
}
.lt_main .header a{
    color: #fff;
    font-size: 20px;  
}
.container-fluid{
  margin: 20px auto;
}

.lt_content{
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
.p-left,.p-right{
  width: 45%;
  height: 400px;

}
